git.plutz.net Git - vhs_kurs/blob - example/demo.short

   1 [html [head
   2   [title ClickSlide Demo]
   3 ] [body
   4   [footer Clickslide Demo]
   5
   6   [slide
   7     [h1 Clickslide]
   8     a Compiler for Browser based Slideshows
   9   ]
  10   [slide
  11     [ul
  12       [li Why would I write another Slideshow system]
  13       [li What's wrong with JavaScript?]
  14       [li How do you simplify HTML?]
  15     ]
  16   ]
  17   [slide
  18     [h2 Why Write another Slideshow System?]
  19     [ul .uncover
  20       [li WYSIWYG Slideshow applications are annoying [ul
  21         [li too much fiddling, not straight to point]
  22       ]]
  23       [li [em LaTeX] is not exactly casual]
  24       [li Existing Browser Slideshows are [ul
  25         [li based on JavaScript (see next slide)]
  26         [li Either verbous HTML, or unflexible markup]
  27       ]]
  28     ]
  29   ]
  30   [slide
  31     [h2 Why avoid JavaScript]
  32     [ul .uncover
  33       [li Nothing wrong with JS as a programming language, [strong but...]]
  34       [li Freedom to [em Use], [em Study], [em Share], and [em Improve] can in practice not be applied to code served from another Computer (regardless of the license this code is under)]
  35       [li Impossible to get Browser security straight for Turing complete programs [ul
  36         [li &#8594; Massive security problems, which are fundamentally unresolvable]
  37         [li HTML and CSS are not Turing complete (CSS is a [em regular] language)]
  38       ]]
  39       [li Performance killer in practice]
  40     ]
  41   ]
  42   [slide [h2 Simplifying HTML]
  43     Maintain the flexibility of plain HTML. Decrease verbosity of the code. [br]
  44     [pre style="display: inline-block; width: 46%; background-image: url(exb0_light.jpg);"
  45 \<html\>
  46   \<head\>
  47     \<title\>Demo\</title\>
  48   \</head\>
  49   \<body id="frontpage"\>
  50     \<h1 class="top"\>Headline\</h1\>
  51   \</body\>
  52 \</html\>
  53     ]
  54     [pre style="display: inline-block; width: 46%; background-image: url(exb3_light.jpg);"
  55 \[html
  56   \[head
  57     \[title Demo\]
  58   \]
  59   \[body \#frontpage
  60     \[h1 .top Headline\]
  61   \]
  62 \]
  63     ]
  64   ]
  65   [slide [h1 This is a \<h1\>]
  66     [pre \[h1 This is a \\\<h1\\\>\]]
  67   ]
  68   [slide
  69     [h2 This is a \<h2\>]
  70     [pre
  71       \[h2 This is a \\\<h2\\\>\]
  72       \[ul .uncover
  73         \[li This list ...\]
  74         \[li ... gets uncovered ...\]
  75         \[li ... item by item\]
  76       \]
  77     ]
  78     [br]
  79     [ul .uncover
  80       [li This list ...]
  81       [li ... gets uncovered ...]
  82       [li ... item by item]
  83     ]
  84   ]
  85 ]